<template>
  <div style="padding:  10px 0">
    <div class="title">
      您将对以下已选择的20个订单进行合并退保证金操作？
    </div>
    <el-table :data="ruleForm.businessList" border>

      <el-table-column align="center" label="主订单" min-width="180">
        <template #default="{row}">
        </template>
      </el-table-column>

      <el-table-column align="center" label="车牌号" min-width="120">
        <template #default="{row}">
          <span>{{ row.insuranceQuota }}</span>
        </template>
      </el-table-column>

      <el-table-column align="center" label="所属公司" min-width="160">
        <template #default="{row}">

        </template>
      </el-table-column>

      <el-table-column align="center" label="客户名称" min-width="160">
        <template #default="{row}">

        </template>
      </el-table-column>

      <el-table-column align="center" label="还车时间" min-width="130">
        <template #default="{row}">

        </template>
      </el-table-column>

      <el-table-column align="center" label="还车类型" min-width="130">
        <template #default="{row}">

        </template>
      </el-table-column>

      <el-table-column align="center" label="欠租" min-width="130">
        <template #default="{row}">

        </template>
      </el-table-column>

      <el-table-column align="center" label="尾款" min-width="130">
        <template #default="{row}">

        </template>
      </el-table-column>

      <el-table-column align="center" label="车损费" min-width="130">
        <template #default="{row}">

        </template>
      </el-table-column>

      <el-table-column align="center" label="加速折旧费" min-width="130">
        <template #default="{row}">

        </template>
      </el-table-column>
    </el-table>
    <div class="foot">
      <span>总计：13000元</span>
      <span>已缴费：8000元</span>
      <span>剩余未缴纳：5000元</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'mergeOrderTable',//合并退保证金表格
  props: {
    ruleForm: {
      type: Object,
      default: {}
    },
    typeBoole: {
      type: Number,
      default: 1
    }
  },
  computed: {},
  watch: {},
  data() {
    return {};
  },
  created() {
  },
  mounted() {
  },
  methods: {},
};
</script>

<style scoped lang="scss">
.title {
  padding: 5px 0 10px 0;
  color: rgb(140, 140, 140);
  font-family: "Arial Normal", Arial, sans-serif;
  font-size: 20px;
}

.foot {
  padding-top:  10px;
  color: red;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
</style>


